import React, { Component } from 'react'

const styleObj = { color: 'purple', fontSize: 50 }

export default class Index extends Component {
  styleObj2 = {
    // 'font-style': 'italic',
    fontStyle: 'italic',
    color: 'yellow'
  }

  render () {
    return (
      <div>
        {/* jsx中，style不能写成字符串 */}
        {/* <p style='font-size:100px;color:red;'>邹思敏、张文清、ccc是两个好人</p> */}

        {/* <p style={{ color: 'green', fontSize: 100 }}>
          邹思敏、张文清、ccc是两个好人
        </p> */}

        {/* <p style={styleObj}>邹思敏、张文清、ccc是两个好人</p> */}

        <p style={this.styleObj2}>邹思敏、张文清、ccc是两个好人</p>
      </div>
    )
  }
}
